<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
	<link rel="stylesheet" href="http://static-online.zhaogang.com/publicresource/css/CatUI.min.css">
	<link rel="stylesheet" href="../../Resources/mall2/css/list.css">
</head>
<body>
	<div id="mall_header">
		<div class="topbar">
			<div class="w1180">
				<div class="toplink">
					<a href=""><i class="home"></i>找钢首页</a>
					<span>喵，欢迎来找钢！</span>
					<a href="javascript:" id="btn_login">请登录</a>
					<a href="javascript:" id="btn_register">免费注册</a>
					<a href="javascript:" id="btn_quit" style="display:none;">退出</a>
					<a href="javascript:" style="display:none;">账户切换</a>
				</div>
				<div class="topmenu">
					<a href="">我的找钢</a>|<a href="">我的订单</a>|
					<div class="msn">
						<a href="#" class="msn_center">消息中心<span>5</span></a>
						<div class="msn_box">
							尚未认证企业<a href="#">去验证</a><br/>
							积分规则调整公告<a href="#">查看详情</a>
						</div>
					</div>
					|<a href="">积分商城</a>|<a href="">帮助中心</a>|<a href="">在线客服</a>|<span><i class="tel"></i>021-60100300 (8:30-17:30)</span>
				</div>
			</div>
		</div>
		<div class="header_box">
			<div class="w1180">
				<a href="" class="logo"></a>
				<ul class="nav">
					<li><a href="/">首页</a></li>
					<li class="on"><a href="" class="hot"><i class="icon_hot"></i>商城</a></li>
					<li><a href="">资源单</a></li>
					<li><a href="">找物流</a></li>
					<li><a href="">找加工</a></li>
					<li><a href="">白条</a></li>
					<li><a href="">行情</a></li>
				</ul>
				<div class="shopCar">
					<div class="default">
						<i class="icon_shopCar"></i>
						<i class="icon_shopCount">2</i>
						<a href="#">购物车</a>
					</div>
					<div class="shop_list">
						<div class="spacer"></div>
						<div class="shop_box">
							<div class="tit">找钢商城</div>
							<div class="mall">
								<ul class="listBox">
									<li>
										<div class="name">
											新抚顺 三级抗震螺纹钢
											<p class="type">HRB400E  28*9</p>
										</div>
										<div class="r">
											<div class="price">&yen;2560x2</div>
											<a href="javascript:void(0)" class="btn_remove"></a>
										</div>
									</li>
									<li>
										<div class="name">
											新抚顺 三级抗震螺纹钢
											<p class="type">HRB400E  28*9</p>
										</div>
										<div class="r">
											<div class="price">&yen;2560x2</div>
											<a href="javascript:void(0)" class="btn_remove"></a>
										</div>
									</li>
									<li>
										<div class="name">
											新抚顺 三级抗震螺纹钢
											<p class="type">HRB400E  28*9</p>
										</div>
										<div class="r">
											<div class="price">&yen;2560x2</div>
											<a href="javascript:void(0)" class="btn_remove"></a>
										</div>
									</li>
									<li>
										<div class="name">
											新抚顺 三级抗震螺纹钢
											<p class="type">HRB400E  28*9</p>
										</div>
										<div class="r">
											<div class="price">&yen;2560x2</div>
											<a href="javascript:void(0)" class="btn_remove"></a>
										</div>
									</li>
								</ul>
							</div>
							<div class="collect">
								<div class="txt">
									<span class="sum"><i class="num">&yen;37855.50</i></span>
									共<span class="num">1</span>件  <span class="num">2.174</span>吨
								</div>
								<a href="javascript:void(0)" class="btn_submit">去锁货</a>
								<div class="other">
									<a href="#">去看看</a>
									积分商城有<span class="num">14</span>件商品等待兑换
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="container">
		<div class="storewrap">
			<div class="searchbox">
				<dl>
					<dt>地区：</dt>
					<dd class="search_city">
						<a href="###" class="search_city_more">更多<i></i></a>
						<div><a href="###" class="current">全部</a><a href="###">上海</a><a href="###">无锡</a><a href="###">杭州</a><a href="###">南京</a><a href="###">宁波</a><a href="###">武汉</a><a href="###">乐从</a><a href="###">郑州</a><a href="###">天津</a></div>
						<div class="search_city_hide"><a href="###">上海</a><a href="###">无锡</a><a href="###">杭州</a><a href="###">南京</a><a href="###">宁波</a><a href="###">武汉</a><a href="###">乐从</a><a href="###">郑州</a><a href="###">天津</a><a href="###">上海</a><a href="###">无锡</a><a href="###">杭州</a><a href="###">南京</a><a href="###">宁波</a><a href="###">武汉</a><a href="###">乐从</a><a href="###">郑州</a><a href="###">天津</a></div>
					</dd>
				</dl>
				<dl>
					<dt></dt>
					<dd >
						<span>规格</span>
						<div class="searchbox_option">
							<input type="text" />
							<ul>
								<li title="冷轧卷">冷轧卷</li>
								<li title="冷轧卷">冷轧卷冷轧卷冷轧卷冷轧卷</li>
								<li title="冷轧卷">冷轧卷</li>
								<li title="冷轧卷">冷轧卷</li>
								<li title="冷轧卷">冷轧卷</li>
								<li title="冷轧卷">冷轧卷</li>
								<li title="冷轧卷">冷轧卷</li>
								<li title="冷轧卷">冷轧卷</li>
								<li title="冷轧卷">冷轧卷</li>
								<li title="冷轧卷">冷轧卷</li>
								<li title="冷轧卷">冷轧卷</li>
								<li title="冷轧卷">冷轧卷</li>
							</ul>
						</div>
						<span>材质</span>
						<div class="searchbox_option">
							<input type="text" />
							<ul>
								<li title="冷轧卷">冷轧卷</li>
								<li title="冷轧卷">冷轧卷</li>
							</ul>
						</div>
						<span>钢厂</span>
						<div class="searchbox_option">
							<input type="text" />
							<ul>
								<li title="冷轧卷">冷轧卷</li>
								<li title="冷轧卷">冷轧卷</li>
							</ul>
						</div>
						<span>品名</span>
						<div class="searchbox_option">
							<input type="text" />
							<ul>
								<li title="冷轧卷">冷轧卷</li>
								<li title="冷轧卷">冷轧卷</li>
							</ul>
						</div>
						<span>仓库</span>
						<div class="searchbox_option">
							<input type="text" />
							<ul>
								<li title="冷轧卷">冷轧卷</li>
								<li title="冷轧卷">冷轧卷</li>
							</ul>
						</div>
					</dd>
				</dl>
				<dl>
					<dt></dt>
					<dd class="search_range">
						<span>厚度/直径</span><input type="text" /><b>-</b><input type="text" style="margin-right:16px;"/>
						<span>宽度</span><input type="text" /><b>-</b><input type="text" style="margin-right:16px;"/>
						<span>长度</span><input type="text" /><b>-</b><input type="text" style="margin-right:16px;"/>
						<div class="search_price">
							<div class="search_price_bref"><span>价格区间</span><input type="text" placeholder="最低价" /><b>-</b><input type="text" placeholder="最高价" style="margin-right:16px;"/></div>
							<div class="search_price_cnt">
								<a href="###">1200~2500</a>
								<a href="###">1200~2500</a>
								<a href="###">1200~2500</a>
							</div>
						</div>
						<div class="search_range_btn">
							<button class="btnsearch"><i class="i_search"></i>搜索</button>
							<button class="btnempty">清空</button>
						</div>
					</dd>
				</dl>
			</div>
			<div class="search_history">
				常用搜索：<a href="###">上海，24*2200*L，Q235B，鞍钢股份，中厚板，中厚板中厚板中厚板中厚板</a><a href="###">上海，24*2200*L，Q235B，鞍钢股份，中厚板，中厚板中厚板中厚板中厚板</a><a href="###">上海，24*2200*L，Q235B，鞍钢股份，中厚板，中厚板中厚板中厚板中厚板</a>
			</div>
			<table width="100%" class="listbox">
				<thead>
					<tr>
						<th width="15px"></th>
						<th width="254px">品名</th>
						<th width="100px">规格</th>
						<th width="100px">材质</th>
						<th width="90px">钢厂</th>
						<th width="80px">地区</th>
						<th width="80px">数量</th>
						<th width="80px">供应商</th>
						<th width="120px" align="center">
							<div class="filter_price">
								<strong class="active">默认</strong>
								<strong>从低到高<i class="i_drop"></i></strong>
							</div>
						</th>
						<th width="100px"></th>
					</tr>
				</thead>
				<tbody class="">
					<tr>
						<td><i class="i_listshow">+</i></td>
	          <td><div style="width: 254px">三级抗震螺纹钢是的哈觉得回家啊开始打扫打扫的 1</div></td>
	          <td><div style="width: 100px">1.4*1000*C1 大叔大叔大叔</div></td>
	          <td><div style="width: 100px">Q345B1打扫打扫大三大四的</div></td>
	          <td><div style="width: 90px">天钢天钢天1大叔大叔大叔大叔</div></td>
	          <td><div style="width: 80px">上海市1大叔大叔大叔的</div></td>
	          <td class="tbnum"><div style="width: 80px">119.503123123231</div></td>
	          <td><div style="width: 80px">14家报价1大叔大叔大叔</div></td>
	          <td class="tbprice"><div style="width: 120px"><i>&yen;</i>21701asdasdasdasd</div></td>
	          <td><a href="###" class="btn_buy">下单<i class="i_down"></i></a></td>
	        </tr>
	        <tr class="listinfo_wrap">
	        	<td colspan="10">
	        		<div class="listinfo">
	        		<i class="listinfo_arrow"></i>
	        			<table width="100%">
									<tbody>
										<tr>
											<td width="0"></td>
											<td width="250px">找钢商城<i class="i_tag">钢厂自营</i></td>
											<td width="218px"><div style="width: 218px">普卷 3.75*1500*C 424jhdgajhsdgahjsgdasdasdasd234234234</div></td>
											<td width="187px"><div class="supplier_show" style="width:187px">中储宝好噶机会给大家还是刚到家啊还是给大家说的打扫打扫山库</div></td>
											<td width="176px" class="tbnum" style="width:176px">119.50</td>
											<td width="88px" class="tbprice"><div style="width: 88px"><i>&yen;</i>2170</div></td>
											<td><a href="###" class="btn_disable"><i class="i_wait"></i>待开盘</a></td>
										</tr>
										<tr>
											<td></td>
											<td>找钢商城<i class="i_tag">钢厂自营</i></td>
											<td>普卷 3.75*1500*C</td>
											<td><div class="supplier_show">中储宝山库</div></td>
											<td class="tbnum">119.50</td>
											<td class="tbprice">—</td>
											<td><a href="###" class="btn_choose">下单</a></td>
										</tr>
									</tbody>
	        			</table>
	        		</div>
	        	</td>
	        </tr>
				</tbody>
				<tbody class="listinfo_on">
					<tr>
						<td><i class="i_listhide">_</i></td>
	          <td>三级抗震螺纹钢</td>
	          <td>1.4*1000*C</td>
	          <td>Q345B</td>
	          <td>天钢天钢天</td>
	          <td>上海市</td>
	          <td class="tbnum">119.50</td>
	          <td>14家报价</td>
	          <td class="tbprice"><i>&yen;</i>2170</td>
	          <td><a href="###" class="btn_buy">下单<i class="i_down"></i></a></td>
	        </tr>
	        <tr class="listinfo_wrap">
	        	<td colspan="10">
	        		<div class="listinfo">
	        		<i class="listinfo_arrow"></i>
	        			<table width="100%">
									<tbody>
										<tr>
											<td width="0"></td>
											<td width="250px">找钢商城<i class="i_tag">钢厂自营</i></td>
											<td width="218px">普卷 3.75*1500*C</td>
											<td width="187px"><div class="supplier_show">中储宝山库</div></td>
											<td width="176px" class="tbnum">119.50</td>
											<td width="88px" class="tbprice"><i>&yen;</i>2170</td>
											<td><a href="###" class="btn_disable"><i class="i_wait"></i>待开盘</a></td>
										</tr>
										<tr>
											<td></td>
											<td>找钢商城<i class="i_tag">钢厂自营</i></td>
											<td>普卷 3.75*1500*C</td>
											<td><div class="supplier_show">中储宝山库</div></td>
											<td class="tbnum">119.50</td>
											<td class="tbprice">—</td>
											<td><a href="###" class="btn_choose">下单</a></td>
										</tr>
									</tbody>
	        			</table>
	        		</div>
	        	</td>
	        </tr>
				</tbody>
				<tbody class="">
					<tr>
						<td><i class="i_listshow">+</i></td>
	          <td>三级抗震螺纹钢</td>
	          <td>1.4*1000*C</td>
	          <td>Q345B</td>
	          <td>天钢天钢天</td>
	          <td>上海市</td>
	          <td class="tbnum">119.50</td>
	          <td>14家报价</td>
	          <td class="tbprice"><i>&yen;</i>2170</td>
	          <td><a href="###" class="btn_buy">下单<i class="i_up"></i></a></td>
	        </tr>
	        <tr class="listinfo_wrap">
	        	<td colspan="10">
	        		<div class="listinfo">
	        		<i class="listinfo_arrow"></i>
	        			<table width="100%">
									<tbody>
										<tr>
											<td width="0"></td>
											<td width="250px">找钢商城<i class="i_tag">钢厂自营</i></td>
											<td width="218px">普卷 3.75*1500*C</td>
											<td width="187px"><div class="supplier_show">中储宝山库</div></td>
											<td width="176px" class="tbnum">119.50</td>
											<td width="88px" class="tbprice"><i>&yen;</i>2170</td>
											<td><a href="###" class="btn_disable"><i class="i_wait"></i>待开盘</a></td>
										</tr>
										<tr>
											<td></td>
											<td>找钢商城<i class="i_tag">钢厂自营</i></td>
											<td>普卷 3.75*1500*C</td>
											<td><div class="supplier_show">中储宝山库</div></td>
											<td class="tbnum">119.50</td>
											<td class="tbprice">—</td>
											<td><a href="###" class="btn_choose">下单</a></td>
										</tr>
									</tbody>
									<!-- <tfoot>
										<tr>
											<td colspan="6" class="checkmore">点击加载更多</td>
										</tr>
									</tfoot> -->
	        			</table>
	        		</div>
	        	</td>
	        </tr>
				</tbody>
				<tbody class="listinfo_on">
					<tr>
						<td><i class="i_listhide">-</i></td>
	          <td>三级抗震螺纹钢</td>
	          <td>1.4*1000*C</td>
	          <td>Q345B</td>
	          <td>天钢天钢天</td>
	          <td>上海市</td>
	          <td class="tbnum">119.50</td>
	          <td>14家报价</td>
	          <td class="tbprice"><i>&yen;</i>2170</td>
	          <td><a href="###" class="btn_buy">下单<i class="i_down"></i></a></td>
	        </tr>
	        <tr class="listinfo_wrap">
	        	<td colspan="10">
	        		<div class="listinfo">
	        		<i class="listinfo_arrow"></i>
	        			<table width="100%">
									<tbody>
										<tr>
											<td width="0"></td>
											<td width="250px"><div class="company_show">找钢商城找钢商城找钢商城找钢商城找钢商城找钢商城找钢商城</div><p class="company_show_tel">默默&nbsp;13800138000</p></td>
											<td width="218px">普卷 3.75*1500*C</td>
											<td width="187px"><div class="supplier_show">中储宝山库</div></td>
											<td width="176px" class="tbnum">119.50<p>27笔</p></td>
											<td width="88px" class="tbprice"><i>&yen;</i>2170</td>
											<td><a href="###" class="btn_disable"><i class="i_wait"></i>待开盘</a></td>
										</tr>
										<tr>
											<td></td>
											<td><div class="company_show">找钢商城</div><p class="company_show_tel">默默&nbsp;13800138000</p></td>
											<td>普卷 3.75*1500*C</td>
											<td><div class="supplier_show">中储宝山库</div></td>
											<td class="tbnum">119.50<p>0笔</p></td>
											<td class="tbprice">—</td>
											<td><a href="###" class="btn_choose">下单</a></td>
										</tr>
									</tbody>
	        			</table>
	        		</div>
	        	</td>
	        </tr>
				</tbody>
			</table>
			<div class="pkg_page clearfix">
	  		<a href="javascript:" class="up up_nocurrent">上一页</a>
	  		<a href="javascript:" class="current">1</a>
	  		<a href="javascript:">2</a>
	  		<a href="javascript:">3</a>
	  		<a href="javascript:">4</a>
	  		<span class="pkg_page_ellipsis">...</span>
	  		<a href="javascript:">99</a>
	  		<a href="javascript:" class="down">下一页</a>
	  		<span class="pkg_pagevalue">
	  			到<input type="text" id="iptPageTxt" class="pkg_page_num">页<a href="javascript:" class="pkg_page_submit">确定</a>
	  		</span>
	  	</div>
	  	<div class="findbar">
	  		<textarea placeholder="写下您的真实需求，包括规格、材质等，收到后我们会立即给您回电确认，剩下的就交给我们吧。"></textarea>
	  		<a href="###" class="findbar_btn">帮我找</a>
	  	</div>
		</div>
	</div>

	<div id="mall_footer">
		<div class="advantage">
			<ul class="w1180">
				<li><i class="ad1"></i>免费找货找车</li>
				<li><i class="ad2"></i>商城钢厂直供</li>
				<li><i class="ad3"></i>品种规格齐全</li>
				<li><i class="ad4"></i>仓储加工一体</li>
				<li><i class="ad5"></i>缺钱可打白条</li>
			</ul>
		</div>

		<ul class="help_link w1180">
			<li>
				<dl>
					<dd><a href="" target="_blank">我是买家，如何找货</a></dd>
					<dd><a href="" target="_blank">资源单找货</a></dd>
					<dd><a href="" target="_blank">我是买家，如何找车</a></dd>
					<dd><a href="" target="_blank">添加胖猫物流APP</a></dd>
				</dl>
			</li>
			<li>
				<dl>
					<dd><a href="" target="_blank">商城钢厂直供</a></dd>
					<dd><a href="" target="_blank">商城采购流程</a></dd>
					<dd><a href="" target="_blank">合作钢厂</a></dd>
					<dd><a href="" target="_blank">售后政策</a></dd>
					<dd><a href="" target="_blank">退换流程</a></dd>
				</dl>
			</li>
			<li>
				<dl>
					<dd><a href="" target="_blank">品类规格齐全</a></dd>
					<dd><a href="" target="_blank">自营现货</a></dd>
					<dd><a href="" target="_blank">第三方资源</a></dd>
					<dd><a href="" target="_blank">实行行情</a></dd>
				</dl>
			</li>
			<li>
				<dl>
					<dd><a href="" target="_blank">仓储加工一体化</a></dd>
					<dd><a href="" target="_blank">胖猫加工简介</a></dd>
				</dl>
			</li>
			<li>
				<dl>
					<dd><a href="" target="_blank">缺钱可打白条</a></dd>
					<dd><a href="" target="_blank">胖猫白条简介</a></dd>
					<dd><a href="" target="_blank">胖猫白条申请流程</a></dd>
					<dd><a href="" target="_blank">如何使用胖猫白条</a></dd>
					<dd><a href="" target="_blank">胖猫白条如何还款</a></dd>
				</dl>
			</li>
		</ul>

		<div class="copyright">
			<div class="link">
				<a href="" target="_blank">关于我们</a>
				| <a href="" target="_blank">法律声明</a>
				| <a href="" target="_blank">诚聘英才</a>
				| <a href="" target="_blank">联系我们</a>
				| <a href="" target="_blank">友情链接</a>
				| <a href="" target="_blank">常见问题</a>
			</div>
			<p>COPYRIGHT &copy; 找钢网 www.zhaogang.com 沪ICP备 13013915号-3 ICP证：沪B2-20140148</p>
			<p class="honor">
				<span>商务部2015-2016年度电子商务示范企业</span>
				<span>2015德勤--华兴高科技高成长50强明日之星</span>
				<span>中国互联网诚信示范企业</span>
				<span>2015年中国大宗商品现代流通诚信市场</span>
			</p>
			<div class="copyimg">
				<span class="img1"></span>
				<span class="img2"></span>
				<a href="http://www.itrust.org.cn/home/index/itrust_certifi?wm=1591692730" class="img4" target="_blank"></a>
				<a href="http://www.shjbzx.cn/" class="img5" target="_blank"></a>
				<a href="" class="img3"></a>
				<a href="" class="img6"></a>
			</div>
		</div>
	</div>
	<script src="http://static-online.zhaogang.com/publicresource/js/jquery.min.js"></script>
	<script src="http://static-online.zhaogang.com/publicresource/js/CatUI.min.js"></script>
	<script>
	//回到顶部
		var gotop = new goTop();
	//搜索弹出列表
	$('.searchbox_option').mouseover(function() {
		$(this).find('ul').show();
	});
	$('.searchbox_option').mouseout(function() {
		$(this).find('ul').hide();
	});
	//tab
	$('body').on('click','.sidebox_tab span',function(){
		var _index = $(this).index();
		$(this).addClass('active').siblings().removeClass('active');
		$(this).parents('.sidebox').find('.tabcnt').eq(_index).addClass('active').siblings().removeClass('active');
	})
	//搜索 地区更多
	$('.search_city_more').click(function() {
		$('.search_city_hide').toggle();
	});


	//排序图标
	$('.filter_price strong').click(function() {
		$(this).addClass("active").siblings().removeClass("active");
		var sorticon = $(this).find('i');
		if (sorticon.hasClass('i_rise')) {
			$('.listbox th').find('i').removeClass('active')
			sorticon.removeClass('i_rise').addClass('i_drop active');
		} else {
			$('.listbox th').find('i').removeClass('active')
			sorticon.removeClass('i_drop').addClass('i_rise active');
		}
	});
	//展开列表详情
	$('.btn_buy').click(function() {
		var buyicon = $(this).find('i');
		if (buyicon.hasClass('i_down')) {
			buyicon.removeClass('i_down').addClass('i_up');
		} else {
			buyicon.removeClass('i_up').addClass('i_down');
		}
		$(this).parents('tbody').toggleClass('listinfo_on');
	});

	$('.i_listhide,.i_listshow').click(function() {
		var $that = $(this);
		if ($that.hasClass('i_listhide')) {
			$that.removeClass('i_listhide').addClass('i_listshow');
			$that.text("+");
		} else {
			$that.removeClass('i_listshow').addClass('i_listhide');
			$that.text("-");
		}
		$(this).parents('tbody').toggleClass('listinfo_on');
	});
	//供应商提示
  $('.supplier_show').mouseTips({
    titleInfo:'<ul class="mousetip_list"><li><span>仓库地址：</span>蕰川路2弄290号</li><li><span>联系电话：</span>66031718</li><li><span>换单时间：</span>8:00-9:00</li></ul>',
    position:'left',
    borderColor:'#eee',
    fontColor:'#333',

  });
  $('.company_show').mouseTips({
    titleInfo:'<ul class="mousetip_list"><li><span>公司：</span>上海首钢钢铁贸易有限公司</li><li><span>电话：</span>13800138000</li><li><span>地址：</span>--</li></ul>',
    position:'bottom',
    borderColor:'#eee',
    fontColor:'#333',
    width:250
  });
	</script>

</body>
</html>